import SidebarNoteItem from "@/components/SidebarNoteItem";
import SidebarNoteListFilter from '@/components/SidebarNoteListFilter';
import SidebarNoteItemHeader from '@/components/SidebarNoteItemHeader';
import { getAllNotes } from '@/lib/redis';
import { sleep } from "@/lib/utils";

export default async function NoteList() {
  // const sleep = ms => new Promise(r => setTimeout(r, ms));
  await sleep(2000);
  const notes = await getAllNotes()
  const arr = Object.entries(notes);
  console.log('NoteList_notes', notes, 'arr', arr);
  // if (arr.length == 0) {
  //   return <div className="notes-empty">{"No notes created yet!"}</div>;
  // }
  if (Object.entries(notes).length == 0) {
    return <div className="notes-empty">
      {'No notes created yet!'}
    </div>
  }
   
  return (
    <SidebarNoteListFilter>
      {Object.entries(notes).map(([noteId, note]) => {
        const noteData = JSON.parse(note)
        // return {
        //   noteId,
        //   note: noteData,
        //   header: <SidebarNoteItemHeader title={noteData.title} updateTime={noteData.updateTime} />
        // }
        return <SidebarNoteItem key={noteId} noteId={noteId} note={JSON.parse(note)} />
      })}
    </SidebarNoteListFilter>
  )
  // <SidebarNoteListFilter notes = {notes} />
  // return (
  //   <ul className="notes-list">
  //     {arr.map(([noteId, note]) => {
  //       let parsedNote;
  //       try {
  //         parsedNote = JSON.parse(note); // 尝试解析
  //       } catch (error) {
  //         console.error('JSON parse error for noteId:', noteId, error);
  //         parsedNote = { title: 'Unknown', content: 'Content could not be parsed.', updateTime: '' }; // 设置默认值
  //       }
  //       return (
  //         <li key={noteId}>
  //           <SidebarNoteItem noteId={noteId} note={JSON.parse(note)} />
  //         </li>
  //       );
  //     })}
  //   </ul>
  // );
}
